<template>
	<div class="works">
		<div class="empty" v-if="!info.length">
			<el-empty
				:description="
					activeName == 'works' ? '还没有发布作品' : '还没有收藏作品'
				"
			></el-empty>
		</div>
		<menu-card v-else :menuList="info"></menu-card>
	</div>
</template>

<script>
import MenuCard from '@/components/MenuCard';
export default {
	components: { MenuCard },
	props: {
		info: {
			// 作品或收藏
			type: Array,
			default: () => [],
		},
		activeName: {
			type: String,
			default: 'fans',
		},
	},
};
</script>

<style lang="sass" scoped>
.works
	padding: 5px
	.empty
		text-align: center
</style>